<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery1.42.min.js"></script>
    <link rel="stylesheet" href="css/lrtk.css">
    <script src="js/jquery.SuperSlide.2.1.1.source.js"></script>
    <script src="js/bxCarousel.js"></script>
    <script src="js/scrolltopcontrol.js"></script>
</head>
<body>
<div class="head">
    <div class="top">
        <div class="main">
            <span class="left">您好，欢迎光临深圳市临鹏杨三维科技有限公司</span>
            <span class="right">客服热线：400-000-000</span>
        </div>
    </div>
    <div class="menu main">
        <div class="logo"><img src="images/logo.png" height="54" width="393"/></div>
        <ul>
            <li class="on"><a href="">首页</a></li>
            <li><a href="">产品中心</a></li>
            <li><a href="">解决方案</a></li>
            <li><a href="">新闻中心</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</div>
<div class="bannar"><img src="images/about.jpg"/></div>
<div class="breadcrumb">
    <div class="main news">
        <ol>
            <li><a href="#">首页</a></li>
            <li><a href="#">新闻中心</a></li>
            <li class="active">企业动态</li>
        </ol>
        <ul class="tab">
            <li class="on" onclick="settab(this,'company')">企业动态</li>
            <li onclick="settab(this,'zzry')" style="border-left: 1px #00a0e9 solid;">产品知识</li>
            <li onclick="settab(this,'culture')" style="border-left: 1px #00a0e9 solid">行业动态</li>
        </ul>
    </div>

</div>
<div>
<div class="main">
    <ul class="news_list">
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
        <li>
            <div class="thumb left"><img src="images/thumb.jpg"/></div>
            <div class="left" style="width: calc(100% - 230px); padding: 0 0 0 30px;">
                <p class="title">标题标题标题标题标题标题标题标题标题</p>
                <p class="time">2018-04-20</p>
                <p class="info">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标</p>
                <p class="btn"><a href="">查看详情</a></p>
            </div>
            <div style="clear: both"></div>
        </li>
    </ul>
    <div class="page">adqweqwe</div>
    <div style="clear: both"></div>
</div>

</div>


<div class="footer">
    <div class="main">
        <ul>
            <li>首页</li>
            <li>产品中心
            <ul>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
            </ul>
            </li>
            <li>解决方案</li>
            <li>新闻中心</li>
            <li>关于我们</li>
            <li>联系我们</li>
        </ul>
    </div>
    <div style="clear: both"></div>
</div>
<div class="contact">
    <div class="main">
        <div class="info left">
            <p>
                版权所有：深证市鹏杨三维科技有限公司<br>
                地址：深圳市罗湖区翠竹街道翠竹北路C 33+创新产业园7楼<br>
                传真：0755-22350551Copyright©2018<br>
                粤ICP备09022840号
            </p>
        </div>
        <div class="tel left">
            <p class="info1">销售热线</p>
            <p class="info2">400-8700-990</p>
            <p class="info3"><a href="">在线咨询</a></p>
        </div>

        <div class="qrcode right">
            <p style="margin-bottom: 20px;">官方微信</p>
            <p><img src="images/qrcode.jpg" height="100" width="100"/></p>
        </div>
        <div style="clear: both"></div>

    </div>
</div>
<div class="links">
    <div class="main">
        <div>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
        </div>

    </div>

</div>
<script>
    $(".info").click(function () {
        if($(this).hasClass("on")){
            $(this).removeClass("on");
        }else{
            $(this).addClass("on");
        }
        $(this).next("div").toggle(50,function () {

        });
    })
    function settab(obj,str) {
        $(obj).addClass("on").siblings().removeClass("on");
        $("#"+str).show().siblings().hide();
    }
</script>
</body>
</html>